<template>
    <div class="registerOuter">
        <div class="register">
            <h1>新用户注册</h1>
            <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
                <el-form-item label="用户名" prop="name">
                    <el-input v-model="ruleForm.name" placeholder="请输入用户名"></el-input>
                </el-form-item>
                <el-form-item label="手机号" prop="mobile">
                    <el-input v-model="ruleForm.mobile" placeholder="请输入手机号"></el-input>
                </el-form-item>
                <el-form-item label="登录密码" prop="pwd">
                    <el-input type="password" v-model="ruleForm.pwd" placeholder="请输入登录密码"></el-input>
                </el-form-item>
                <el-form-item label="确认密码" prop="repwd">
                    <el-input type="password" v-model="ruleForm.repwd" placeholder="请确认登录秘密"></el-input>
                </el-form-item>
                <el-form-item>
                    <el-button type="primary" @click="register" id="zhuce">注册</el-button>
                </el-form-item>
                <el-form-item label="" label-width="300px" id="xieyi">
                    <el-checkbox v-model="ruleForm.delivery">
                        <p class="checkText">我已阅读并同意《
                            <a href="https://zc.yy.com/license.html"><span>用户注册协议</span></a>
                            》
                        </p>
                    </el-checkbox>
                </el-form-item>
                <el-form-item>
                    <el-button @click="goindex" id="left">返回首页</el-button>
                    <el-button @click="gologin" id="right">已有账号？登录</el-button>
                </el-form-item>
            </el-form>
        </div>
    </div>
</template>
<script src="../assets/js/RegisterView.js"></script>
<style src="../assets/css/RegisterView.css" scoped></style>

